<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type"
 content="text/html; charset=utf-8"/>
  <title>Your Company</title>
  <style type="text/css"/>
  body {
	margin:0px;
	padding:0px;
	background:#fff;
	}
div, table, tr, td, a, form, input {
	margin:0px;
	padding:0px;
	}
	
.wrapper {
	margin:0px auto;
	padding:0px;
	width:903px;
	overflow:hidden;
	}
	
.warpper-top {
	margin:0px;
	padding:0px;
	width:903px;
	float:left;
	}
.top-sh1 {
	margin:0px;
	padding:0px;
	height:28px;
	background:url(top-sh-1.png) no-repeat center bottom;
	width:903px;
	float:left;
	}
.banner-area {
	margin:0px;
	padding:0px;
	width:903px;
	height:157px;
	float:left;
	}
.banner-left-sh1 {
	margin:0px;
	padding:0px;
	background:url(left-sh-1.png) no-repeat right top;
	width:9px;
	height:157px;
	float:left;
	}
.banner-right-sh1 {
	margin:0px;
	padding:0px;
	background:url(right-sh-1.png) no-repeat left top;
	width:9px;
	height:157px;
	float:left;
	}	
.banner-bg1 {
	margin:0px;
	padding:0px;
	width:885px;
	float:left;
	height:157px;
	background:#fff url(spednet.gif) no-repeat right top;
	}
.banner-txt {
	margin:0px;
	padding:0px;
	width:885px;
	float:left;
	height:100px;
	}
.banner-txt-left {
	margin:0px;
	padding:0px;
	width:473px;
	float:left;
	}
h1 {
	margin:0px;
	padding:20px 0px 0px 45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	text-decoration:none;
	color:#333e04;
	font-weight:normal;
	line-height:50px;
	text-transform:uppercase;
	}

.nav-area {
	margin:0px;
	padding:0px;
	width:885px;
	height:46px;
	float:left;
	background:#556801;
	border-top:1px solid #556801;
	}
.nav-sh {
	margin:0px;
	padding:0px;
	background:url(nav-shadow.jpg) no-repeat left top;
	width:885px;
	height:10px;
	float:left;
	}
ul.navigation {
	margin:0px;
	padding:0px 0px 0px 18px;
	list-style:none;
	}
ul.navigation li {
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#b2cd47;
	line-height:46px;
	text-align:center;
	font-weight:bold;
	float:left;
	background:url(nav-divider.jpg) no-repeat right top;
	display:block;
	}
ul.navigation li a {
	margin:0px;
	padding:0px 35px 0px 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#b2cd47;
	line-height:46px;
	text-align:center;
	font-weight:bold;
	background:none;
	display:block;
	} 
ul.navigation li a:hover {
	margin:0px;
	padding:0px 35px 0px 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	line-height:46px;
	text-align:center;
	font-weight:bold;
	background:url(nav-hover-bg.jpg) repeat-x left top;
	display:block;
	} 
	
.warpper-mid {
	margin:0px;
	padding:0px 0px 20px 0px;
	width:903px;
	float:left;
	background:url(mid-bg1.png) repeat-y center top;
	}
.mid-gap {
	margin:0px;
	padding:0px;
	width:9px;
	float:left;
	font-size:0px;
	line-height:0px;
	}
.mid-left {
	margin:0px;
	padding:0px;
	width:885px;
	float:left;
	min-height: 500px;
	}
.mid-right {
	margin:0px;
	padding:0px;
	width:288px;
	float:left;
	}
.topround-bg1 {
	margin:0px;
	padding:0px;
	background:url(topround-sh-1.jpg) no-repeat left bottom;
	width:288px;
	height:20px;
	font-size:0px;
	line-height:0px;
	float:left;
	}
.midround-bg1 {
	margin:0px;
	padding:0px;
	background:url(midround-sh-1.jpg) repeat-y left top;
	width:288px;
	float:left;
	}
.botround-bg1 {
	margin:0px;
	padding:0px;
	background:url(bottomround-sh-1.jpg) no-repeat left top;
	width:288px;
	height:20px;
	font-size:0px;
	line-height:0px;
	float:left;
	}
h4 {
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-decoration:none;
	color:#556801;
	font-weight:normal;
	line-height:26px;
	}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	text-decoration:none;
	color:#779102;
	font-weight:normal;
	}
h3 {
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-decoration:none;
	color:#ed1c24;
	font-weight:bold;
	line-height:30px;
	}
h3 span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-decoration:none;
	color:#779102;
	font-weight:normal;
	}
p.txt-2 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#333333;
	font-weight:normal;
	line-height:18px;
	}
.copyright {
	border:0px;
	height:1px;
	width:1px;
        }	
.warpper-bot {
	margin:0px;
	padding:15px 0px 15px 0px;
	width:903px;
	float:left;
	background:url(footer-bg1.png) repeat-y center top;
	}
.footer-right {
	margin:0px;
	padding:0px;
	width:303px;
	float:right;
	}

p.footer-txt {
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#b2cd47;
	line-height:18px;
	font-weight:normal;
	}
.footer-link {
	color:#ccff99; 
	text-decoration:none; 
	}
  </style>
</head>
<body>
<div class="wrapper">
<div class="warpper-top">
<div class="top-sh1"></div>
<div class="banner-area">
<div class="banner-left-sh1"></div>
<div class="banner-bg1">
<div class="banner-txt">
<div class="banner-txt-left">
<h1>Panel zarządzania</h1>
</div>
</div>
<div class="nav-area">
<ul class="navigation">
  <li><a href="index.html">Start</a></li>
  <li><a href="#">Wizualizacja</a></li>
  <li><a href="settings.html">Ustawienia</a></li>
  <li><a href="#">Pomoc</a></li>
</ul>
</div>
<div class="nav-sh"></div>
</div>
<div class="banner-right-sh1"></div>
</div>
</div>
<div class="warpper-mid">
<div class="mid-left">
<h2 style="padding: 20px 0px 5px 30px;">Strona startowa</h2>
<p class="txt-2" style="padding: 10px 0px 5px 30px;"> 
To jest strona startowa panelu sterowania
</p>
</div>

<div class="warpper-bot">
<div class="footer-right">


<p class="footer-txt">jakas stopka</p>
</div>
</div>
</div>
</div>
</body>
</html>
